.platform{
  padding: 3.3rem 1.6rem 2rem;
  background: #FFFFFF;
  box-shadow: 0 0 1.5rem 0 rgba(190,195,213,0.60);
  border-radius: .4rem;
  margin: 1rem auto;
  display: flex;
  width: 100%;
  position: relative;
  &.waitdev {
  //   background-color: #ececec;
  //   img {
  //     filter: grayscale(100%);
  //   }
    .platform-detail button.active {
      background-color: #c6c6c6;
      border-color: #c6c6c6;
    }
  }
  i{
    img{
      width: 4.4rem;
      margin-right: 1.2rem;
    }
  }
  .platform-content{
    position: relative;
    div:nth-child(1){
      min-height: 25px;
    }
  }
  .platform-name{
    font-family: PingFangSC-Semibold;
    font-weight: bold;
    font-size: 2rem;
    color: #403961;
    letter-spacing: 0;
  }
  .platform-new{
    font-family: PingFangSC-Light;
    font-size: 1.4rem;
    color: #2D354E;
    letter-spacing: -0.26px;
    width: 80%;
    span{
      font-family: HelveticaNeue-CondensedBold;
      font-weight: bold;
      font-size: 1.4rem;
      color: #C6C6C6;
      letter-spacing: -0.26px;
      line-height: 2rem;
      &.active{
        font-family: HelveticaNeue-CondensedBold;
        font-weight: bold;
        font-size: 14px;
        color: #FF3E15 ;
        letter-spacing: -0.26px;
        line-height: 20px;
      }
    }
  }
  .platform-detail{
    position: absolute;
    right: 0px;
    top: 15px;
    button{
      background: #C6C6C6;
      border: 1px solid #C6C6C6;
      border-radius: 15px;
      color: white;
      padding: .3rem 1rem;
      margin-right: 0;
      &.active{
        background: #42C6F6;
        border: 1px solid #38C5F8;
      }
    }
  }
  .platform-updateTime{
    font-family: PingFangSC-Regular;
    font-size: 1rem;
    color: #7E8194;
    letter-spacing: 0;
    span{
      margin-left: .5rem;
    }
  }
  .platform-opts {
    padding: 3px 5px;
    position: absolute;
    top: 5px;
    right: 15px;
  }
}